<template>
    <a-form-item
        class="Slider"
        :label="fromItemOption.label"
        :name="fromItemOption.name"
    >
        <a-row :gutter="20">
            <a-col :span="16">
                <a-slider v-model:value="formState[fromItemOption.name]" :min="8" :max="100" />
            </a-col>
            <a-col :span="8">
                <a-input-number v-model:value="formState[fromItemOption.name]" :min="8" :max="100" />
            </a-col>
        </a-row>
    </a-form-item>
</template>

<script setup>
import {
  toRefs,
  watch,
} from 'vue';

const props = defineProps({
    fromItemOption: {
        type: Object,
        required: true,
    },
    formState: {
        type: Object,
        required: true,
    }
});

const { formState } = toRefs(props);
</script>

<style lang="less" scoped>
.Slider{
    
}
</style>